<template>
    <div id="info">
        <mt-header fixed title="分成介绍">
            <mt-button icon="back" @click.native="$router.go(-1);" slot="left">返回</mt-button>
        </mt-header>
        <p>1.所有绑定了代理推荐码的用户，通过游戏内的商城充值，代理可以获得40%的分成</p>
        <p>2.分成为永久性分成，用户只要绑定了推荐码，充值永远分成</p>
        <div id="rule">
            <div style="display:flex; width:100%;" class="rulel">
                <div style="width:7rem; text-align:left">可提现余额</div>
                <div style="width:1rem;">=</div>
                <div style="width:12.375rem;">玩家游戏内充值金额</div>
                <div style="width:1rem;">×
                </div>
                <div style="width:2.6rem;">0.4</div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'info',
        created() {
            document.body.style.background = "#fffbef"
        }
    }
</script>

<style lang="scss" scoped>
    #info {
        padding: 20px 15px;
    }
    p {
        font-size: 1.3rem;
        line-height: 1.8;
        color: #666;
    }
    .title {
        background: #fff;
        line-height: 1;
        color: #f69436;
    }
    #rule {
        background: #fff;
        margin: 20px 0;
        padding: 10px 0;
        border: 1px solid #eee;
        padding-left: 10px;
    }
    .rulel {
        font-size: 1.3rem;
        text-align: center;
        align-items: center;
        div {
            font-size: 1.3rem;
            text-align: center;
            align-items: center;
            color: #f69436;
        }
    }
</style>
